<!--界面入口-->
<template>
  <div id="app">
      <SimPs :drop-array="dropArr" :aside-array="asideArr" :editable-tabs="editableTabs"></SimPs>
  </div>
</template>

<script>

    import SimPs from "../../web_two2/src/components/SimPs";

export default {
  name: 'app',
  components: {
      SimPs
  },
    data(){
      return {
          dropArr:[
              {
                  menu:"Simple PS",
                  item:[
                      {description:"关于Simple PS",disabled:false,divided:false,func:null,componentName:"About"},
                      {description:"首选项",disabled:true,divided:true,func:null,componentName:""},
                      {description:"退出Simple PS",disabled:false,divided:true,func:null,componentName:"Quit"},
                  ]
              },
              {
                  menu:"文件",
                  item:[
                      {description:"新建",disabled:false,divided:false,func:null,componentName:"Upload"},
                      {description:"打开",disabled:false,divided:false,func:null,componentName:"Upload"},
                      {description:"关闭",disabled:false,divided:true,func:null,componentName:"Delete"},
                      {description:"关闭全部",disabled:false,divided:false,func:null,componentName:"DeleteAll"},
                      {description:"存储",disabled:false,divided:true,func:null,componentName:"Export"},
                      {description:"导出",disabled:false,divided:false,func:null,componentName:"Export"},
                      {description:"导入",disabled:false,divided:false,func:null,componentName:"Upload"},
                      {description:"共享",disabled:true,divided:true,func:null,componentName:""},
                      {description:"文件简介",disabled:true,divided:false,func:null,componentName:""},
                      {description:"打印",disabled:false,divided:true,func:null,componentName:"Export"},
                  ]
              },
              {
                  menu:"编辑",
                  item:[
                      {description:"还原",disabled:true,divided:false,func:null,componentName:""},
                      {description:"前进一步",disabled:true,divided:false,func:null,componentName:""},
                      {description:"后退一步",disabled:true,divided:false,func:null,componentName:""},
                      {description:"剪切",disabled:true,divided:true,func:null,componentName:""},
                      {description:"拷贝",disabled:true,divided:false,func:null,componentName:""},
                      {description:"粘贴",disabled:true,divided:false,func:null,componentName:""},
                      {description:"填充",disabled:true,divided:true,func:null,componentName:""},
                      {description:"描边",disabled:true,divided:false,func:null,componentName:""},
                      {description:"变形",disabled:true,divided:true,func:null,componentName:""},
                      {description:"变换",disabled:true,divided:false,func:null,componentName:""},
                      {description:"定义画笔",disabled:true,divided:true,func:null,componentName:""},
                      {description:"颜色设置",disabled:true,divided:false,func:null,componentName:""},
                      {description:"键盘快捷键",disabled:true,divided:true,func:null,componentName:""},
                      {description:"菜单",disabled:true,divided:true,func:null,componentName:""},
                  ]
              },
              {
                  menu:"图像",
                  item:[
                      {description:"模式",disabled:true,divided:false,func:null,componentName:""},
                      {description:"调整",disabled:true,divided:true,func:null,componentName:"Other"},
                      {description:"图像大小",disabled:true,divided:true,func:null,componentName:""},
                      {description:"画布大小",disabled:true,divided:false,func:null,componentName:""},
                      {description:"图像旋转",disabled:true,divided:true,func:null,componentName:""},
                      {description:"裁剪",disabled:true,divided:true,func:null,componentName:""},
                  ]
              },
              {
                  menu:"图层",
                  item:[
                      {description:"新建",disabled:false,divided:false,func:null,componentName:"Upload"},
                      {description:"复制图层",disabled:true,divided:true,func:null,componentName:""},
                      {description:"删除",disabled:false,divided:true,func:null,componentName:"Delete"},
                      {description:"快速导出为PNG",disabled:false,divided:true,func:null,componentName:"Export"},
                      {description:"导出为",disabled:false,divided:false,func:null,componentName:"Export"},
                      {description:"重命名图层",disabled:true,divided:true,func:null,componentName:""},
                      {description:"新建填充图层",disabled:true,divided:true,func:null,componentName:""},
                      {description:"新建调整图层",disabled:true,divided:false,func:null,componentName:""},
                      {description:"图层蒙版",disabled:true,divided:true,func:null,componentName:""},
                      {description:"栅格化",disabled:true,divided:true,func:null,componentName:""},
                      {description:"图层编组",disabled:true,divided:false,func:null,componentName:""},
                      {description:"取消图层编组",disabled:true,divided:false,func:null,componentName:""},
                      {description:"隐藏图层",disabled:true,divided:false,func:null,componentName:""},
                      {description:"排列",disabled:true,divided:true,func:null,componentName:""},
                      {description:"合并形状",disabled:true,divided:false,func:null,componentName:""},
                      {description:"锁定图层",disabled:true,divided:true,func:null,componentName:""},
                      {description:"合并图层",disabled:true,divided:true,func:null,componentName:""},
                      {description:"合并可见图层",disabled:true,divided:false,func:null,componentName:""},
                  ]
              },
              {
                  menu:"文字",
                  item:[
                      {description:"文字排列方向",disabled:true,divided:false,func:null,componentName:""},
                      {description:"栅格化文字图层",disabled:true,divided:true,func:null,componentName:""},
                      {description:"文字变形",disabled:true,divided:true,func:null,componentName:""},
                  ]
              },
              {
                  menu:"选择",
                  item:[
                      {description:"全部",disabled:false,divided:false,func:null,componentName:"SelectAll"},
                      {description:"取消选择",disabled:false,divided:true,func:null,componentName:"CancelSelect"},
                      {description:"重新选择",disabled:true,divided:false,func:null,componentName:""},
                      {description:"反选",disabled:true,divided:false,func:null,componentName:""},
                      {description:"所有图层",disabled:true,divided:true,func:null,componentName:""},
                      {description:"取消选择图层",disabled:true,divided:false,func:null,componentName:""},
                      {description:"查找图层",disabled:true,divided:true,func:null,componentName:""},
                      {description:"隔离图层",disabled:true,divided:true,func:null,componentName:""},
                  ]
              },
              {
                  menu:"滤镜",
                  item:[
                      {description:"打开滤镜对话框",disabled:false,divided:false,func:null,componentName:"MyFilter"},
                  ]
              },
              {
                  menu:"视图",
                  item:[
                      {description:"放大",disabled:false,divided:false,func:null,componentName:"ViewLarge"},
                      {description:"缩小",disabled:false,divided:false,func:null,componentName:"ViewSmall"},
                      {description:"按屏幕大小缩放",disabled:false,divided:true,func:null,componentName:"ViewNormal"},
                  ]
              },
              {
                  menu:"帮助",
                  item:[
                      {description:"Simple PS帮助",disabled:false,divided:false,func:null,componentName:"Help"},
                      {description:"系统信息",disabled:true,divided:true,func:null,componentName:""},
                      {description:"更新",disabled:true,divided:true,func:null,componentName:""},
                  ]
              },
          ],
          asideArr:[
              {
                  description:"移动工具",
                  path:require("../../web_two2/src/assets/leftside/移动.png"),
                  cursor:require("../../web_two2/src/assets/leftside/移动min.png")
              },
              {
                  description:"矩形选择框工具",
                  path:require("../../web_two2/src/assets/leftside/矩形选择框.png"),
                  cursor:require("../../web_two2/src/assets/leftside/矩形选择框min.png")
              },
              {
                  description:"魔棒工具",
                  path:require("../../web_two2/src/assets/leftside/魔棒.png"),
                  cursor:require("../../web_two2/src/assets/leftside/魔棒min.png")
              },
              {
                  description:"图片裁剪工具",
                  path:require("../../web_two2/src/assets/leftside/图片裁剪.png"),
                  cursor:require("../../web_two2/src/assets/leftside/图片裁剪min.png")
              },
              {
                  description:"吸管工具",
                  path:require("../../web_two2/src/assets/leftside/吸管.png"),
                  cursor:require("../../web_two2/src/assets/leftside/吸管min.png")
              },
              {
                  description:"画笔工具",
                  path:require("../../web_two2/src/assets/leftside/画笔.png"),
                  cursor:require("../../web_two2/src/assets/leftside/画笔min.png")
              },
              {
                  description:"印章工具",
                  path:require("../../web_two2/src/assets/leftside/印章.png"),
                  cursor:require("../../web_two2/src/assets/leftside/印章min.png")
              },
              {
                  description:"橡皮擦工具",
                  path:require("../../web_two2/src/assets/leftside/橡皮擦.png"),
                  cursor:require("../../web_two2/src/assets/leftside/橡皮擦min.png")
              },
              {
                  description:"模糊工具",
                  path:require("../../web_two2/src/assets/leftside/模糊.png"),
                  cursor:require("../../web_two2/src/assets/leftside/模糊min.png")
              },
              {
                  description:"放大镜工具",
                  path:require("../../web_two2/src/assets/leftside/放大镜.png"),
                  cursor:require("../../web_two2/src/assets/leftside/放大镜min.png")
              },
              {
                  description:"钢笔工具",
                  path:require("../../web_two2/src/assets/leftside/钢笔.png"),
                  cursor:require("../../web_two2/src/assets/leftside/钢笔min.png")
              },
              {
                  description:"文字工具",
                  path:require("../../web_two2/src/assets/leftside/文字.png"),
                  cursor:require("../../web_two2/src/assets/leftside/文字min.png")
              },
              {
                  description:"选择工具",
                  path:require("../../web_two2/src/assets/leftside/选择.png"),
                  cursor:require("../../web_two2/src/assets/leftside/选择min.png")
              },
              {
                  description:"矩形图形",
                  path:require("../../web_two2/src/assets/leftside/矩形.png"),
                  cursor:require("../../web_two2/src/assets/leftside/矩形min.png")
              },
              {
                  description:"拖放工具",
                  path:require("../../web_two2/src/assets/leftside/拖放.png"),
                  cursor:require("../../web_two2/src/assets/leftside/拖放min.png")
              },
              {
                  description:"编辑其它工具",
                  path:require("../../web_two2/src/assets/leftside/编辑其它.png"),
                  cursor:require("../../web_two2/src/assets/leftside/编辑其它min.png")
              },
              {
                  description:"颜色选择工具",
                  path:require("../../web_two2/src/assets/leftside/颜色选择.png"),
                  cursor:require("../../web_two2/src/assets/leftside/颜色选择min.png")
              },
          ],
          editableTabs: []
      }
    }
}
</script>

<style>
html,body,#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
  width: 100%;
  margin: 0;
}
</style>
